TIDRA CHART KIT · 1.0

Eight chart types that cover almost everything Tidra publishes, built to the six rules
of the brand book (section 08): thin marks · quiet grid · direct labels · text in ink ·
one axis per chart · always a source.

Figma (SVG components)/
  One SVG per chart type, with sample data. Drag or paste into Figma, Illustrator or
  InDesign: every bar, line and label is a separate editable vector, grouped as
  title / chart / source. Install the Tidra fonts first so the text stays live.
  01 Small multiples against a threshold     05 Composition over time (stacked area)
  02 Transect heat map                       06 Ranked bars (eDNA, counts)
  03 Cost over time, two options             07 Bars from zero (cost per hectare)
  04 Wave profile with ecosystems            08 Payment calendar (milestones)

Code/
  tidra-charts.js        No dependencies. Each function takes your data and returns an SVG.
  build-examples.mjs     Run "node build-examples.mjs" to rebuild the example SVGs.
  demo.html              Open in a browser to see all eight with live data.

Writing a chart
  - The title says the finding ("Four projects above the line, one below it"), not the topic.
  - The subtitle says what is measured. The source line says where it comes from and when.
  - Ink for text. Ecosystem colours only with their name next to them. Coral for one thing.
  - Lining, tabular figures. Units in Plex Mono. Never 3D, never shadows, never two axes.
